<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>小米商城-小米官方网站</title>
	<link rel="stylesheet" href="./css/mi.css">
</head>
<body>
	<!-- 网站容器开始 -->
	<div class="cont">
			<!-- 头部开始 -->
		<div class="top">
			<div class="top-center">
				<div class="top-left">
					<a href="">小米网</a><span>|</span>
					<a href="">MIUI</a><span>|</span>
					<a href="">米聊</a><span>|</span>
					<a href="">游戏</a><span>|</span>
					<a href="">多看阅读</a><span>|</span>
					<a href="">云服务</a><span>|</span>
					<a href="">小米网移动版</a><span>|</span>
					<a href="">问题反馈</a><span>|</span>
					<a href="">Select Region</a>
				</div>
				<div class="top-right">
					<a href="">登陆</a><span>|</span>
					<a href="">注册</a>
					<a href="">购物车</a>
				</div>
			</div>
		</div>
		<!-- 头部结束 -->
		<!-- 导航开始 -->
		<div class="nav">
			<div class="nav-left">
				<img src="./images/logo.png" alt="小米官网" title="小米官网">
				<img src="./images/logo-right.gif" alt="小广告" title="小广告">
			</div>
			<div class="nav-center">
				<a href="">小米手机</a>
				<a href="">红米</a>
				<a href="">平板</a>
				<a href="">电视</a>
				<a href="">盒子 · 影音</a>
				<a href="">路由电视器</a>
				<a href="">智能硬件</a>
				<a href="">服务</a>
				<a href="">社区</a>
			</div>
			<div class="nav-right">
				<input type="text" class="sousuokuang" value="小米手机5">
				<button class="sousuo">搜索</button>
			</div>
		</div>
		<!-- 导航结束 -->
		<!-- 网站第一屏海报开始 -->
		<div class="haibao">
			<div class="left">
				<ul class="liebiao">
					<li class="liebiao1">手机 平板 电话卡</li>
					<li class="liebiao2">电视 盒子</li>
					<li class="liebiao3">路由器 智能硬件</li>
					<li class="liebiao4">移动电源 插线板</li>
					<li class="liebiao5">耳机 音箱</li>
					<li class="liebiao6">电池 存储卡</li>
					<li class="liebiao7">保护套 后盖</li>
					<li class="liebiao8">保护套 后盖</li>
					<li class="liebiao9">米兔 服装</li>
					<li class="liebiao10">箱包 其他周边</li>
				</ul>
			</div>
			<div class="right">
				<img src="./images/haibao1.jpg" alt="第一张海报" title="红米手机3s现货">
			</div>
		</div>	
		<!-- 网站第一屏海报结束 -->
		<!-- 海报下面四张图片开始 -->
		<div class="center">
			<div class="center1"></div>
			<div class="center2"></div>
			<div class="center3"></div>
			<div class="center4"></div>	
		</div>
		<!-- 海报下面四张图片结束 -->
		<!-- 小米明星单品开始 -->
		<div class="danpin">
			<div class="danpin1">
				<span>小米明星单品</span>
			</div>
			<div class="danpin2"></div>
			<div class="danpin3"></div>
			<div class="danpin4"></div>
			<div class="danpin5"></div>
			<div class="danpin6"></div>
		</div>
		<!-- 小米明星单品结束 -->
		<!-- 智能硬件开始 -->
		<div class="main-footer">
			<!-- 智能硬件模块开始 -->
			<div class="zhinengyingjian">
				<div class="yingjian1">
					<span class="span1">智能硬件</span>
				</div>
				<div class="yingjian2"></div>
				<div class="yingjian3"></div>
				<div class="yingjian4"></div>
				<div class="yingjian5"></div>
				<div class="yingjian6"></div>
				<div class="yingjian7"></div>
				<div class="yingjian8"></div>
				<div class="yingjian9"></div>
				<div class="yingjian10"></div>
			</div>	
			<!-- 智能硬件模块结束 -->
			<!-- 搭配模块开始 -->
			<div class="dapei">
				<div class="dapei1">
					<div class="left"><span class="span1">搭配</span></div>
					<div class="right"><a href=""><u>热门   保护套   贴膜   其他配件</u></a></div>
				</div>
				<div class="dapei2"></div>
				<div class="dapei3"></div>
				<div class="dapei4"></div>
				<div class="dapei5"></div>
				<div class="dapei6"></div>
				<div class="dapei7"></div>
				<div class="dapei8"></div>
				<div class="dapei9"></div>
				<div class="dapei10"></div>
				<div class="dapei11"></div>
			</div>	
			<!-- 搭配模块结束 -->
		</div>
		<!-- 网站主体内容结束 -->
		<!-- 网站底部开始 -->
		<div class="footer"></div>
		<!-- 网站底部结束 -->
	</div>
	<!-- 网站容器结束 -->
</body>
</html>	